.content-box{ width: 1200px; margin: 0 auto;}

/* ���������� */
.ai-c{ display: flex; align-items: center;}
.ai-s{ display: flex; align-items: flex-start;}
.ai-e{ display: flex; align-items: flex-end;}
.ai-i{ display: flex; align-items: initial;}


/* ���� */
.fd-l{ float: left;}
.fd-r{ float: right;}
.cr-b::after{ content: ''; display: block; clear: both;}
.cr-c::after, .cr-c::before{ content: '';}

/* �߿� */
.wh-100{ width: 100%;}
.wh-50{ width: 50%;}
.wh{ width: 0;}
.hg{ height: 0;}
.hg-50{ height: 50%;}
.hg-100{ height: 100%;}

/* �����ʾ */
.cs-p{ cursor: pointer;/* ��ָ */}
.cs-d{ cursor: default;/* ��ͷ */}
.cs-h{ cursor: help;/* �ʺ� */}

/* ͼƬ */
.img-s{ display: block; width: 100%; height: 100%;}
.img-h:hover, .img-f:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}

/* ���ñ���ɫ */
.bg-f5{ background: #f5f5f5;}
.bg-f{ background: #fff;}
.bg-2{ background: #222;}
.bg-0{ background: #000;}

/* ��λ */
.pt-a{ position: absolute;}
.pt-r{ position: relative;}
.pt-f{ position: fixed;}

/* ʱ�� */
.ts-3s{ -o-transition: .3s all; -moz-transition: .3s all; -webkit-transition: .3s all; transition: .3s all;}
.ts-5s{ -o-transition: .5s all; -moz-transition: .5s all; -webkit-transition: .5s all; transition: .5s all;}
.ts-10s{ -o-transition: 1s all; -moz-transition: 1s all; -webkit-transition: 1s all; transition: 1s all;}

/* �ı����� */
.text-1{ overflow: hidden; text-overflow:ellipsis;  white-space: nowrap;}
.text-2{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.text-3{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.text-4{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.text-f-u{ text-transform: uppercase;}
.ta-c{ text-align: center;}
.ta-l{ text-align: left;}
.ta-r{ text-align: right;}
.co-f{ color: #fff;}
.co-2{ color: #222;}
.co-4{ color: #444;}
.co-5{ color: #555;}
.co-6{ color: #666;}
.co-9{ color: #999;}

/* �п�Ԫ��ת�� */
.dp-b{ display: block;}
.dp-n{ display: none;}
.dp-i{ display: inline-block;}

/* �б�Ԫ�� */
.li-f > li:first-child{ margin-left: 0;}

/* �������� */
.of-h{ overflow: hidden;}
.of-xh{ overflow-x: hidden;}
.of-yh{ overflow-y: hidden;}

/* ���� */
.mr-a{ margin: 0 auto;}